@charset "utf-8";
@import url('animate.css');
@import url('lib.css');
/*filter: grayscale(1);*/
.loader{position: fixed;left: 0;top: 0;right:0;bottom: 0;background: #fff;background-size: 100% 100%;/*z-index: 999;*/}
html{font-size: 100px}
*{box-sizing:border-box;margin:0;padding:0;  }
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0;position: relative;overflow-x:hidden;font-size: .16rem;
  font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,"Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;line-height:1.4em;}
ol,ul{list-style:none}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{color:#222;background-color:transparent;-webkit-tap-highlight-color:transparent;text-decoration: none;}
a:active,a:hover{outline:0;text-decoration:none}
a:hover{color: #f00;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{display:block;padding:0;border:none;-ms-interpolation-mode:bicubic;max-width:100%;max-height:100%}
address,cite,dfn,em,var,i{font-style: normal;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;border: none; border-top: 2px solid #f4f3f2; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
:focus{outline:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible;border: none}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal;-webkit-appearance:none}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse;    width: 90%;}
td,th{padding:0}
@media print{
*,:after,:before{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
.none{display: none}
.check:checked,.check:not(:checked){position:absolute;left:-9999px;opacity:0}
.check:checked+label,.check:not(:checked)+label{position:relative;display:inline-block;
	height:14px;font-size:14px;cursor:pointer;padding-left: 20px;}
.check+label:after,.check+label:before{position:absolute;top:2px;left:0;z-index:0;width:16px;height:13px;
	border-radius:3px;content:'';background: #000}
.check:checked+label:after{background: #ca140d}

.radio:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #d9a65c}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}


::-webkit-input-placeholder{color:#999;opacity:.54}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
:-ms-input-placeholder {color:#999 }  
/*::selection{background:#0662d4;color:#fff}
::-moz-selection{background:#0662d4;color:#fff}
::-webkit-selection{background:#0662d4;color:#fff}
*/
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex-left{display:flex;flex-wrap:wrap}
.flex-center{display:flex;flex-wrap:wrap;justify-content: center;}
.flex-right{display:flex;flex-wrap:wrap;justify-content: flex-end;}
.flex-v-center{display:-webkit-flex;display:flex;flex-direction:column;justify-content:center}
.flex-v{display:-webkit-flex;display:flex;flex-direction:column;justify-content:space-between;}
.flex-v-bottom{display: -webkit-flex;display: flex;align-items: flex-end;flex-wrap: wrap;justify-content: left;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;cursor:pointer;position: relative;/* width: 220px; *//* height: 292px; */}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;width: 100%;/* min-height: 3.4rem; */}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.bg-mask .pic{overflow: hidden;}

.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;
  display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;transform: scale(1.01);}
.bg-mask:hover .pic .a{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.ablink{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}
.wp{width:90%; }
.nywp{width:90%;margin:0 auto;max-width:1200px}
.wp1{width:90%;margin:0 auto;max-width:1380px}
.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co{color:#bd2323}
.co-fff{color:#fff!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:980px){.pc-show{display:none!important;}
.m-show{display:block}
}

.titline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_w:hover .titline_w{background-size:100% 1px}
.titline_w:hover{background-size:100% 1px}

.titline_b1{position:relative;background-image:linear-gradient(#004fa1,#004fa1);background-position:0 100%;background-size:0 2px;background-repeat:no-repeat;transition:background-size .3s;display: inline-block;}
.titlin_b1:hover .titline_b1{background-size:100% 2px}
.titline_b1:hover{background-size:100% 2px}
.titline_b{position:relative;background-image:linear-gradient(#004fa1,#004fa1);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_b:hover .titline_b{background-size:100% 1px}
.titline_b:hover{background-size:100% 1px}
@keyframes go5{
  0%{transform: translateX(0);}
  50%{transform: translateX(-5px);}
  100%{transform: translateX(0);}
}
.zi6{position: relative;z-index: 6}
.zi5{position: relative;z-index: 5}
.zi4{position: relative;z-index: 4}
.zi3{position: relative;z-index: 3}
.zi2{position: relative;z-index: 2}
.zi1{position: relative;z-index: 1}
@keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@-webkit-keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}

@keyframes go{
  0%{transform: translateX(0);}
  50%{transform: translateX(10px);}
  100%{transform: translateX(0);}
}
@keyframes roted{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.overhide{overflow: hidden}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}



.header:before{width:100%;height: .9rem;content: '';position: absolute;left: 0;top: -.9rem;z-index: 0;background:#fff;transition: .3s}
.scrolling .header:before{top: 0;box-shadow: 0 0 .1rem rgba(0,0,0,.2)}
.header{height: .9rem;position: fixed;top:0; left: 0;right: 0;z-index: 30;}



.menu-btn{z-index:999;overflow:hidden;margin-left:35px;width:30px;height:30px;background:0 0;text-indent:-5260px;opacity:1;position: relative;z-index: 999;}
.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3{position:absolute;top:50%;right:50%;display:block;right: 0;
  width:30px;height:2px;background:#025a92;transition:all .4s cubic-bezier(.165,.84,.44,1) 0s;transition-property:transform,width,margin,background-color}
.menu-btn .line-1{margin-top:-9px;width:26px}
.menu-btn .line-3{margin-top:9px;width:26px}

.menu-btn1{overflow:hidden;width:.4rem;height:.4rem;background:0 0;text-indent:-5260px;opacity:1;position: relative;}
.menu-btn1 .line-1,.menu-btn1 .line-2,.menu-btn1 .line-3{position:absolute;top:50%;right:50%;display:block;right: 0;
  width:.4rem;height:.02rem;background:#025a92;}
.menu-btn1 .line-1{margin-top:-.11rem;width:.36rem}
.menu-btn1 .line-2{margin-top:-.01rem;}
.menu-btn1 .line-3{margin-top:.09rem;width:.36rem}



.drawerMenu-open .menu-btn .line-1{visibility:hidden}
.drawerMenu-open .menu-btn .line-2{margin-top:0!important;width:28px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.drawerMenu-open .menu-btn .line-3{margin-top:0!important;width:28px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}



.searchbtn{width: 30px;text-align: center;line-height: 40px}
.searchbtn i{color: #c80d17;font-size: 18px}
.mobNav{position: fixed;top:50px;left: 0;right: 0;bottom: 0; background: rgba(255,255,255,1);z-index: 98;padding-top: 53px;
  padding: 40px 8% 30px;display: none}
.mobNav ul{max-height: 60vh;overflow: auto;}
.mobNav ul::-webkit-scrollbar {display: none; }
.mobNav ul li{padding: 15px 0;border-bottom: 1px solid #ddd;}

.mobNav ul li .navp a{font-size: 15px;color: #025a92;font-weight: bold;background-size: auto 100%}
.mobNav ul li .navp i{display: block;width: 16px;transition: .3s;transform-origin: center;margin-right: 5px;height: 16px;background: url(../images/more.svg) no-repeat center;background-size: 16px 16px}
.mobNav ul li.on .navp i{transform: rotate(-45deg);}
.mobNav ul li .subNavm{margin-top: 10px;display: none}
.mobNav ul li .subNavm div:after{content: '';display: inline-block;width: 48%}
.mobNav ul li .subNavm a{display: block;line-height: 30px;font-size:14px;width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.mobNav .toplink{margin-bottom: 20px}
.mobNav .toplink a i{vertical-align: -1px;margin-right: 3px}
.mobNav .toplink a{height: 32px;line-height: 30px;text-align: center;
  width: 45%;transition: .3s;font-size: 14px;color:#025a92;border-radius: 5px;border: 1px solid #025a92}
.mobNav .toplink a:nth-child(1){height: 32px;line-height: 32px;text-align: center;transition: .3s;color: #fff;font-size: 14px;border: none}

.headerm{display: none;position: fixed;left: 0;right: 0;top:0;z-index: 99;background:#fff;height: 60px;padding-right: 4%;padding-left: 4%}
.headerm .logo img{height: 30px}
.scrolling .headerm{box-shadow: 0 0 .1rem rgba(0,0,0,.2)}


.iconfont{font-size: inherit;}
.publine{background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%)}
.header .logo{padding-top: .2rem}
.header .logo img{height: .4rem}
.hd-r .hd-ra{margin-bottom: .2rem}
.hd-r .hd-ra .link{line-height: .32rem;height: .32rem;padding: 0 .15rem;position: relative;font-size: .14rem}
.hd-r .hd-ra .link:before{content: '';width: 1px;height: 10px;background: rgba(255,255,255,.5);position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.hd-r .hd-ra .link:nth-child(3):before{display: none}
.hd-r .hd-ra .link:nth-child(7):before{display: none}
.hd-r .hd-ra .link i{margin-right: 5px}
.hd-r .hd-ra .link a{color: #fff;display: block;}
.hd-r .lan{color: #fff;cursor: pointer; }
.hd-r .lan span{font-weight: 100}
.hd-r .lan span:after{content: "\eabd";font-family: "swiper-icons" !important;font-size: .12rem;margin-left: 5px}
.hd-r .lan .lanb{flex-wrap: wrap;}
.hd-r .lan .lanb a{width: 100%;text-align: center}
.hd-r .lan .lanb{position: absolute;left: 0;top:100%;right: 0;display: flex;justify-content: space-between;background: #fff;
  padding:.06rem .15rem;z-index: 8;opacity: 0;visibility: hidden;transition: .3s}
.hd-r .lan .lanb a{color: #555}
.hd-r .lan .lanb a:hover{color: #004fa1}
.hd-r .lan:hover .lanb{opacity: 1;visibility: inherit;}


.hd-nav>ul>li{margin-left: .3rem;font-size: .16rem;}
.hd-nav>ul>li>a{color: #fff;position: relative;display: block;line-height: .26rem}
.hd-nav>ul>li:hover>a:after{content: '';display: block;height: 3px;width: 100%;position: absolute;left: 0;bottom: -.12rem;
background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%)}
.hd-nav>ul>li.topser:hover>a:after{display: none}
.hd-nav .subnav{opacity: 0;visibility: hidden;transform: translateY(.2rem);transition: .3s;position: absolute;top:100%;right: 0;
  padding-top: .12rem}
.hd-nav>ul>li:hover .subnav{opacity: 1;visibility: inherit;transform: translateY(0);}
.hd-nav>ul>li:nth-child(1) .subnav{width: 9.4rem;}
.hd-nav>ul>li:nth-child(2) .subnav{width: 9.4rem;}
.hd-nav>ul>li:nth-child(3) .subnav{width: 8.2rem;}
.hd-nav>ul>li:nth-child(4) .subnav{width: 9.4rem;}
.hd-nav>ul>li:nth-child(5) .subnav{width: 9.5rem;}
.hd-nav>ul>li:nth-child(6) .subnav{width: 8.6rem;}
.hd-nav>ul>li:nth-child(7) .subnav{width: 12rem;}
.hd-nav>ul>li .subnav .navCon ul li{width: 46%;height: inherit;padding: .08rem 0;}
.hd-nav>ul>li:nth-child(3) .subnav  .navCon ul li{width: 100%;}
.hd-nav>ul>li:nth-child(6) .subnav  .navCon ul li{width: 100%;}
.hd-nav>ul>li:nth-child(7) .subnav  .navCon ul li{width: 28%;}

.hd-nav>ul>li>.subnav .navCon{background: rgba(255,255,255,.9);padding: .35rem .5rem}
.hd-nav>ul>li>.subnav .navCon .pic{width: 5.08rem}
.hd-nav>ul>li>.subnav .navCon .navs{width:calc(100% - 5.88rem);display: flex;flex-direction: column;justify-content: center;}
.hd-nav>ul>li>.subnav .navCon ul{display: flex;;flex-wrap: wrap;justify-content: space-between;}
.hd-nav .topser a{display: block;font-size: .2rem;color: #fff;line-height: .26rem}
.scrolling .hd-r .hd-ra .link>span{color: #555;} 
.scrolling .hd-r .hd-ra .link a{color: #555;} 
.scrolling .hd-r .hd-ra .link a i{color: #004fa1;} 
.scrolling .hd-r .hd-ra .link a:hover{color: #004fa1;} 
.scrolling .hd-r .hd-ra .link:before{background: #ccc} 
.scrolling .hd-nav>ul>li>a{color: #333;font-weight: 500}
.scrolling .topser a{color: #333}



@media screen and (max-width:1180px){
body{padding-top: 60px}
.header{display: none}
.headerm{display: flex;}
html{font-size: 80px!important}
}
@media screen and (max-width:980px){


}
@media screen and (max-width:640px){
.menu-btn{margin-left: 15px}
.headerm{height: 55px}
body{padding-top: 55px}
.headerm .logo img{height: 25px}
}
@media screen and (max-width:480px){
  .mobNav ul{max-height: 70vh;overflow: auto;}
}
@media screen and (max-width:370px){
.headerm .logo img{height: 22px}
}

.footer{background: url(../images/ftbg.jpg) no-repeat center;background-size: cover;position: relative;padding: .7rem 0}
.footer:before{content: '';position: absolute;height: 7px;width: 100%;left: 0;top:0;z-index: 2;background: linear-gradient(45deg,#0082e6 0%,#00c09c 100%)}
.footer .ftlink{max-width: 910px;margin: 0 auto;margin-bottom: .35rem}
.footer .ftlink dl{width: 31.3333%;margin: 0 1%;position: relative;}
.footer .ftlink dl dt{height: .44rem;line-height: .44rem;background: #fff;padding-left: .2rem;padding-right: .2rem;display: flex;justify-content: space-between;cursor: pointer;color: #666;font-size: .15rem}
.footer .ftlink dl dt:after{font-family: "swiper-icons" !important;content: "\e600";font-size: .14rem;color: #777;transition: .3s}
.footer .ftlink dl dt.on:after{display: inline-block;transform: rotate(180deg);}
.footer .ftlink dl dd{position: absolute;/*top:100%;*/bottom:0px;left: 0;right: 0;background: #fff;padding: .15rem .2rem;border-top: 1px solid #eee;z-index: 5;display: none}
.footer .ftlink dl dd ul li{font-size: .14rem;padding: 2px 0}
.footer .ftlink dl dd ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #666}
.footer .ftlink dl dd ul li a:hover{color:  #004fa1}
.footer .ftlink dl dd ul{height: 120px;overflow-y: auto}
.footer .ftlink dl dd ul::-webkit-scrollbar{width:4px}
.footer .ftlink dl dd ul::-webkit-scrollbar-track{background: #eee;border-radius: 5px}
.footer .ftlink dl dd ul::-webkit-scrollbar-thumb{border-radius:5px;background:linear-gradient(45deg,#0082e6 0%,#00c09c 100%)}
.footer .ftnav{margin-bottom: .2rem}
.footer .ftnav ul li{padding: 0 .2rem;position: relative;font-size: .14rem}
.footer .ftnav ul li:before{content: '';width: 1px;height: 14px;background: #ccc;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.footer .ftnav ul li:nth-child(1):before{display: none}
.footer .ftnav ul li a{color: #666}
.footer .ftnav ul li a:hover{color: #004fa1}
.footer .ftcopy{text-align: center;font-size: .14rem;color: #666;margin-bottom: .3rem}
.footer .ftcopy span{margin: 0 .1rem}
.footer .ftcode .codes{margin: 0 .1rem}
.footer .ftcode .codes img{width: 1.06rem}
.footer .ftcode .codes p{text-align: center;color: #004fa1;font-size: .14rem;line-height: 1.4em;margin-top: 5px;width: 1rem;}
@media screen and (max-width: 640px){
 .footer .ftlink dl{width: 48%;} 
 .footer .ftlink dl:nth-child(3){margin-top: .1rem} 
 .footer .ftcopy span{display: block;}
}
@media screen and (max-width: 480px){
.footer .ftlink dl dt{padding-left: .1rem;padding-right: .1rem}
.footer .ftlink dl dd{padding: .1rem}
.footer .ftlink dl dd ul{height: 100px}
.footer .ftnav ul li:first-child{padding-left: 0}
.footer .ftnav ul li:last-child{padding-right: 0}
}
@media screen and (max-width: 360px){
.footer .ftnav ul li{padding: 0 .1rem}
}



/*搜索*/
.topser .serpc{display: none;position: absolute;;width: 3rem;height: .5rem;padding: .05rem 0;top:.38rem;right: -.32rem;
  z-index: 66;background:transparent;border-radius: .5rem}
.topser .inp{ width: calc(100% - .3rem); height: .4rem;line-height: .4rem; padding: 0 .4rem 0 .15rem; font-size: .14rem; color: #444;background: none;
  border:1px solid #eee;border-radius: .4rem;background: #fff}
.topser .sub{
  display:block;
  cursor:pointer;
  position:absolute;
  right: .1rem;
  top: -0.1rem;
  height:.4rem;
  width: .22rem;
  border:none;
  border-radius:50%;
  overflow:hidden;
  color:#8f0e16;
  /* background: url(../images/serbtn.svg) no-repeat center; */
  background-size: .2rem .2rem;
  }
.topser .close{ position: absolute; right: 0; width: .2rem; height: .2rem;top:50%;margin-top: -.12rem;
  transition: 0.5s; font-size: .2rem;color: #004fa1;;cursor: pointer; }
 .topser .close:hover{color: #004fa1}


.sermob{position: fixed;;width: 100%;padding: 10px;top:60px;right: 0;z-index: 66;background: #fff;display: none}
.sermob .inp{ width: calc(100% - 30px); height: 40px;line-height: 40px;
 padding: 0 40px 0 10px; font-size: 14px; color: #444;background: none;border:1px solid #eee;border-radius:50px;}
.sermob .sub{display:block;cursor:pointer;position:absolute;right:30px;top:0;height:40px;width:40px;border:none;border-radius:50%;
  overflow:hidden;font-size:14px;color:#8f0e16;background:0 0;background: url(../images/serbtn.svg) no-repeat center;background-size: 20px 20px}
.sermob .close{ position: absolute; right: 10px; top: 10px; width: 20px; height:40px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 20px;color: #888;;
  cursor: pointer;line-height:42px }
.topser .close:hover{ color:#2c06a0; }
@media screen and (max-width: 640px){.sermob{top:55px;}   }

.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}

@media print{
  .header .hd-r{display: none}
  #share{display: none}
  .footer{display: none}
  .nyCon .arc{padding-left: 0}
}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}io:checked+label,.radio:not(:checked)+label{position:relative;display:inline-block;height:16px;font-size:14px;line-height:16px;cursor:pointer;padding-left: 20px}
.radio+label:after,.radio+label:before{position:absolute;top:-1px;left:0;z-index:0;width:16px;height:16px;border-radius:50%;content:''}
.radio:not(:checked)+label:after,.radio:not(:checked)+label:before{border:1px solid #888}
.radio:checked,.radio:not(:checked){position:absolute;left:-9999px;opacity:0}
.radio:checked+label:before{border:1px solid #d9a65c}
.radio:checked+label:after{width:8px;height:8px;border-radius:50%;background:#d9a65c;top:3px;left:4px}


::-webkit-input-placeholder{color:#999;opacity:.54}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
:-ms-input-placeholder {color:#999 }  
/*::selection{background:#0662d4;color:#fff}
::-moz-selection{background:#0662d4;color:#fff}
::-webkit-selection{background:#0662d4;color:#fff}
*/
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:"."}
.l{float:left}
.r{float:right}
.fl{float:left!important}
.fr{float:right!important}
.bor{border:1px dashed #999}
.poab{position:absolute}
.pore{position:relative}
.texto a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eclip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imgInline{display:inline-block!important;vertical-align:middle}
.imgMargin{margin:0 auto;}
.imgW100{width:100%}

.text-r{text-align:right}
.text-m{text-align:center}
.text-bold{font-weight: 700;}
.text-light{font-weight:100;}
.text-up{text-transform: uppercase;}

.trans{transition:all .5s}
.trans-mask{display:block;overflow:hidden;cursor:pointer;position: relative;/* width: 220px; *//* height: 292px; */}
.trans-mask img{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;width: 100%;/* min-height: 3.4rem; */}
.trans-mask:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}

.bg-mask .pic{overflow: hidden;}

.bg-mask .pic .a{background-repeat: no-repeat;background-position: center;background-size: cover;height: 100%;
  display: block;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;transform: scale(1.01);}
.bg-mask:hover .pic .a{-webkit-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}
.bgimg{background-repeat: no-repeat;background-position: center;background-size: cover;}
.ablink{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 5;background: rgba(255,255,255,0);}

.nywp{width:90%;margin:0 auto;max-width:1200px}
.wp1{width:90%;margin:0 auto;max-width:1380px}
.greybg{background:#f2f2f2}
.textup{text-transform:uppercase}
.co{color:#bd2323}
.co-fff{color:#fff!important}
.fixdbody{position:fixed;top:0;left:0;right:0;bottom:0}
.m-show{display:none}
.filter-page{filter: blur(5px);}
@media screen and (max-width:980px){.pc-show{display:none!important;}
.m-show{display:block}
}

.titline_w{position:relative;background-image:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7));background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s}
.titlin_w:hover .titline_w{background-size:100% 1px}
.titline_w:hover{background-size:100% 1px}

.titline_b1{position:relative;background-image: linear-gradient(#f00,#f00);background-position:0 100%;background-size:0 2px;background-repeat:no-repeat;transition:background-size .3s;}
.titlin_b1:hover .titline_b1{background-size:100% 2px}
.titline_b1:hover{background-size:100% 2px}
.titline_b{position:relative;background-image: linear-gradient(#f00,#f00);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .3s;}
.titlin_b:hover .titline_b{background-size:100% 1px}
.titline_b:hover{background-size:100% 1px}
@keyframes go5{
  0%{transform: translateX(0);}
  50%{transform: translateX(-5px);}
  100%{transform: translateX(0);}
}
.zi6{position: relative;z-index: 6}
.zi5{position: relative;z-index: 5}
.zi4{position: relative;z-index: 4}
.zi2{position: relative;z-index: 2}
.zi1{position: relative;z-index: 1}
@keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}
@-webkit-keyframes aniBlink{
  from{margin-left:-50%}
  to{margin-left:120%}
}

@keyframes go{
  0%{transform: translateX(0);}
  50%{transform: translateX(10px);}
  100%{transform: translateX(0);}
}
@keyframes roted{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

.overhide{overflow: hidden}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.flex-left {
    display: flex;
    flex-wrap: wrap
}

.flex-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.flex-v-center {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.flex-v {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-v-bottom {
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: left;
}


.wp {
    width: 90%; 
}
.header:before{width:100%;height: .9rem;content: '';position: absolute;left: 0;top: -.9rem;z-index: 0;background:#fff;transition: .3s}
.scrolling .header:before {
    height: 105px;
    top: 0;
    box-shadow: 0 0 .1rem rgba(0,0,0,.2)
}
.header{height: .9rem;position: fixed;top:0; left: 0;right: 0;z-index: 30;}

    .header .logo {
        width: 658px;
        margin: 0 0 0 80px;
        padding: 0;
    }
        .header .logo img {
            margin-top: 53px;
            width: 100%;
            height: 75px;
        }
.scrolling .header .logo img {
    margin-top: 17px;
    width: 100%;
    height: 75px;
}

.zi3 {
    position: relative;
    z-index: 3
}
.hd-r {
    margin-top: 58px;
    display:none;
}
.scrolling .hd-r{
    display:block;
}
.nav1 {
    width: 692px; height: 57px;   float: left;
}
.menu1 {
 
}
    .menu1 li {
       
    }
.menu1 li.menuli a {
    
}
.hd-r .hd-ra {
    margin-bottom: .2rem
}
.hd-r .hd-ra .link{line-height: .32rem;height: .32rem;padding: 0 .15rem;position: relative;font-size: .14rem}
.hd-r .hd-ra .link:before{content: '';width: 1px;height: 10px;background: rgba(255,255,255,.5);position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.hd-r .hd-ra .link:nth-child(3):before{display: none}
.hd-r .hd-ra .link:nth-child(6):before{display: none}
.hd-r .hd-ra .link i{margin-right: 5px}
.hd-r .hd-ra .link a{color: #fff;display: block;}
.hd-r .lan{color: #fff;cursor: pointer; }
.hd-r .lan span{font-weight: 100}
.hd-r .lan span:after{content: "\eabd";font-family: "swiper-icons" !important;font-size: .12rem;margin-left: 5px}
.hd-r .lan .lanb{flex-wrap: wrap;}
.hd-r .lan .lanb a{width: 100%;text-align: center}
.hd-r .lan .lanb{position: absolute;left: 0;top:100%;right: 0;display: flex;justify-content: space-between;background: #fff;
  padding:.06rem .15rem;z-index: 8;opacity: 0;visibility: hidden;transition: .3s}
.hd-r .lan .lanb a{color: #555}
.hd-r .lan .lanb a:hover{color: #004fa1}
.hd-r .lan:hover .lanb{opacity: 1;visibility: inherit;}


.hd-nav > ul > li {
    font-size: 18px;
}
.hd-nav>ul>li>a{color: #fff;position: relative;display: block;line-height: .26rem}
.hd-nav>ul>li:hover>a:after{content: '';display: block;height: 3px;width: 100%;position: absolute;left: 0;bottom: -.12rem;
background: #f00
}
.hd-nav>ul>li.topser:hover>a:after{display: none}
.hd-nav .subnav{opacity: 0;visibility: hidden;transform: translateY(.2rem);transition: .3s;position: absolute;top:100%;right: 0;
  padding-top: .12rem}
.hd-nav>ul>li:hover .subnav{opacity: 1;visibility: inherit;transform: translateY(0);}
.hd-nav > ul > li:nth-child(1) .subnav {
    width: 150px;
    left: 66px;
}
.hd-nav > ul > li:nth-child(2) .subnav {
    width: 150px;
    left: 96px;
}
.hd-nav > ul > li:nth-child(3) .subnav {
    width: 150px;
    left: 197px;
}
.hd-nav > ul > li:nth-child(4) .subnav {
    width: 150px;
    left: 301px;
}
.hd-nav > ul > li:nth-child(5) .subnav {
    width: 150px;
    left: 400px;
}
.hd-nav > ul > li:nth-child(6) .subnav {
    width: 150px;
    left: 505px;
}
.hd-nav > ul > li:nth-child(7) .subnav {
    width: 150px;
    left: 66px;
}
 
.hd-nav > ul > li .subnav .navCon ul li {
    text-align: center;
    width: 100%;
    height: inherit;
    padding: 10px;
}
.hd-nav>ul>li:nth-child(3) .subnav  .navCon ul li{width: 100%;}
.hd-nav>ul>li:nth-child(6) .subnav  .navCon ul li{width: 100%;}
.hd-nav>ul>li:nth-child(7) .subnav  .navCon ul li{width: 28%;}

.hd-nav>ul>li>.subnav .navCon{background: rgba(255,255,255,.9);padding:10px}
.hd-nav>ul>li>.subnav .navCon .pic{width: 5.08rem}
.hd-nav>ul>li>.subnav .navCon .navs{width:calc(100% );display: flex;flex-direction: column;justify-content: center;}
.hd-nav>ul>li>.subnav .navCon ul{display: flex;;flex-wrap: wrap;justify-content: space-between;}
    .hd-nav > ul > li > .subnav .navCon ul li a {
        text-align: center;
        width: 100%;
        font-size: 15px;
    }
.hd-nav .topser a{display: block;font-size: .2rem;color: #fff;line-height: .26rem}

.scrolling .hd-r .hd-ra .link a{color: #555;} 
.scrolling .hd-r .hd-ra .link a i{color: #004fa1;} 
.scrolling .hd-r .hd-ra .link a:hover{color: #004fa1;} 
.scrolling .hd-r .hd-ra .link:before{background: #ccc} 
.scrolling .hd-nav>ul>li>a{color: #333;font-weight: 500}
.scrolling .topser a{color: #333}



@media screen and (max-width:1180px){
body{padding-top: 60px}
.header{display: none}
.headerm{display: flex;}
html{font-size: 80px!important}
}
@media screen and (max-width:980px){


}
@media screen and (max-width:640px){
.menu-btn{margin-left: 15px}
.headerm{height: 55px}
body{padding-top: 55px}
.headerm .logo img{height: 25px}
}
@media screen and (max-width:480px){
  .mobNav ul{max-height: 70vh;overflow: auto;}
}
@media screen and (max-width:370px){
.headerm .logo img{height: 22px}
}

.footer{background: url(../images/ftbg.jpg) no-repeat center;background-size: cover;position: relative;padding: .7rem 0}
.footer:before{content: '';position: absolute;height: 7px;width: 100%;left: 0;top:0;z-index: 2;background: #c80000;}
.footer .ftlink{max-width: 910px;margin: 0 auto;margin-bottom: .35rem}
.footer .ftlink dl{width: 31.3333%;margin: 0 1%;position: relative;}
.footer .ftlink dl dt{height: .44rem;line-height: .44rem;background: #fff;padding-left: .2rem;padding-right: .2rem;display: flex;justify-content: space-between;cursor: pointer;color: #666;font-size: .15rem}
.footer .ftlink dl dt:after{font-family: "swiper-icons" !important;content: "\e600";font-size: .14rem;color: #777;transition: .3s}
.footer .ftlink dl dt.on:after{display: inline-block;transform: rotate(180deg);}
/*.footer .ftlink dl dd{position: absolute;top:100%;left: 0;right: 0;background: #fff;padding: .15rem .2rem;border-top: 1px solid #eee;z-index: 5;display: none}*/
.footer .ftlink dl dd ul li{font-size: .14rem;padding: 2px 0}
.footer .ftlink dl dd ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #666}
.footer .ftlink dl dd ul li a:hover{color:  #004fa1}
.footer .ftlink dl dd ul{height: 120px;overflow-y: auto}
.footer .ftlink dl dd ul::-webkit-scrollbar{width:4px}
.footer .ftlink dl dd ul::-webkit-scrollbar-track{background: #eee;border-radius: 5px}
.footer .ftlink dl dd ul::-webkit-scrollbar-thumb{border-radius:5px;background:linear-gradient(45deg,#0082e6 0%,#00c09c 100%)}
.footer .ftnav{margin-bottom: .2rem}
.footer .ftnav ul li{padding: 0 .2rem;position: relative;font-size: .14rem}
.footer .ftnav ul li:before{content: '';width: 1px;height: 14px;background: #ccc;position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.footer .ftnav ul li:nth-child(1):before{display: none}
.footer .ftnav ul li a{color: #666}
.footer .ftnav ul li a:hover{color: #004fa1}
.footer .ftcopy{text-align: center;font-size: .14rem;color: #666;margin-bottom: .3rem}
.footer .ftcopy span{margin: 0 .1rem}
.footer .ftcode .codes{margin: 0 .1rem}
.footer .ftcode .codes img{width: 1.06rem}
.footer .ftcode .codes p{text-align: center;color: #004fa1;font-size: .14rem;line-height: 1.4em;margin-top: 5px;width: auto;}
@media screen and (max-width: 640px){
 .footer .ftlink dl{width: 48%;} 
 .footer .ftlink dl:nth-child(3){margin-top: .1rem} 
 .footer .ftcopy span{display: block;}
}
@media screen and (max-width: 480px){
.footer .ftlink dl dt{padding-left: .1rem;padding-right: .1rem}
.footer .ftlink dl dd{padding: .1rem}
.footer .ftlink dl dd ul{height: 100px}
.footer .ftnav ul li:first-child{padding-left: 0}
.footer .ftnav ul li:last-child{padding-right: 0}
}
@media screen and (max-width: 360px){
.footer .ftnav ul li{padding: 0 .1rem}
}



/*搜索*/
.topser .serpc{display: none;position: absolute;;width: 3rem;height: .5rem;padding: .05rem 0;top:.38rem;right: -.32rem;
  z-index: 66;background:transparent;border-radius: .5rem}
.topser .inp{ width: calc(100% - .3rem); height: .4rem;line-height: .4rem; padding: 0 .4rem 0 .15rem; font-size: .14rem; color: #444;background: none;
  border:1px solid #eee;border-radius: .4rem;background: #fff}
.topser .sub{
  display:block;
  cursor:pointer;
  position:absolute;
  right: .1rem;
  top: -0.1rem;
  height:.4rem;
  width: .22rem;
  border:none;
  border-radius:50%;
  overflow:hidden;
  color:#8f0e16;
  /* background: url(../images/serbtn.svg) no-repeat center; */
  background-size: .2rem .2rem;
  }
.topser .close{ position: absolute; right: 0; width: .2rem; height: .2rem;top:50%;margin-top: -.12rem;
  transition: 0.5s; font-size: .2rem;color: #004fa1;;cursor: pointer; }
 .topser .close:hover{color: #004fa1}


.sermob{position: fixed;;width: 100%;padding: 10px;top:60px;right: 0;z-index: 66;background: #fff;display: none}
.sermob .inp{ width: calc(100% - 30px); height: 40px;line-height: 40px;
 padding: 0 40px 0 10px; font-size: 14px; color: #444;background: none;border:1px solid #eee;border-radius:50px;}
.sermob .sub{display:block;cursor:pointer;position:absolute;right:0px;top:0;height:40px;width:40px;border:none;border-radius:50%;
  overflow:hidden;font-size:14px;color:#8f0e16;background:0 0;background: url(../images/serbtn.svg) no-repeat center;background-size: 20px 20px}
.sermob .close{ position: absolute; right: 10px; top: 10px; width: 20px; height:40px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 20px;color: #888;;
  cursor: pointer;line-height:42px }
.topser .close:hover{ color:#2c06a0; }
@media screen and (max-width: 640px){.sermob{top:55px;}   }

.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l8{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}

@media print{
  .header .hd-r{display: none}
  #share{display: none}
  .footer{display: none}
  .nyCon .arc{padding-left: 0}
}

/*ie11 css hack*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie11注意里面的标点符号*/ 
/*ie10 css hack*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}
.link>span{color:#fff;}